<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    
    <!--====== Title ======-->
    <title>Producto - Single Product Landing Page Template</title>
    
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">
        
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
	<link rel="stylesheet" href="assets/css/slick.css">
	
	
    <!--====== Font Awesome CSS ======-->
    <link rel="stylesheet" href="assets/webfont/font-css/LineIcons.css">
        
    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="assets/css/style.css">
    
</head>

<body>
    <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->
     
    
    <!--====== PRELOADER PART START ======-->

    <div class="preloader">
        <div class="loader">
            <div class="ytp-spinner">
                <div class="ytp-spinner-container">
                    <div class="ytp-spinner-rotator">
                        <div class="ytp-spinner-left">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                        <div class="ytp-spinner-right">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== PRELOADER PART ENDS ======-->

    <!--====== HEADER PART START ======-->

    <section class="header_area">
        <div class="header_navbar">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="index.html">
                                <img src="assets/images/logo.png" alt="Logo">
                            </a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button>

                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ml-auto">
                                    <li class="nav-item active">
                                        <a class="page-scroll" href="#home">Home</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#features">Features</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#about">About</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#video">Tutorial</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#gallery">Gallery</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#contact">Contact</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                        </nav> <!-- navbar -->
                    </div>
                </div> <!-- row -->
            </div> <!-- container -->
        </div> <!-- header navbar -->

        <div id="home" class="header_hero d-lg-flex align-items-center">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="header_hero_content mt-45">
                            <h2 class="header_title">Represent Your <span>Product</span> In Better Way.</h2>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos etaccusa diam.</p>
                            <a href="#features" class="main-btn">Explore</a>
                        </div> <!-- header hero content -->
                    </div>
                </div> <!-- row -->
            </div> <!-- container -->
            <div class="header_shape bg_cover d-none d-lg-block" style="background-image: url(assets/images/header_shape.png)"></div> <!-- header shape -->
            <div class="header_image d-flex align-items-center">
                <div class="image">
                    <img src="assets/images/header_image.png" alt="header image">
                    <img src="assets/images/dots.svg" alt="dots" class="dots">
                </div> <!-- image -->
            </div> <!-- header image -->
        </div> <!-- header hero -->
    </section>

    <!--====== HEADER PART ENDS ======-->
    
    <!--====== FEATURES PART START ======-->

    <section id="features" class="features_area pt-95">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9">
                    <div class="section_title text-center pb-25">
                        <h4 class="title">Drone Features</h4>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
                    </div>
                </div>
            </div> <!-- row -->
            <div class="row text-center">
                <div class="col-lg-3 col-sm-6">
                    <div class="single_features mt-30">
                        <i class="lni lni-camera"></i>
                        <h5 class="title">Camera</h5>
                        <p>20 MP Resolution, 4k at 60 FPS</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single_features mt-30">
                        <i class="lni lni-bolt"></i>
                        <h5 class="title">Battery Life</h5>
                        <p>Up to 90 Minutes Flight Time</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single_features mt-30">
                        <i class="lni lni-game"></i>
                        <h5 class="title">Control</h5>
                        <p>2 KM of Smooth Range</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single_features mt-30">
                        <i class="lni lni-rocket"></i>
                        <h5 class="title">Speed</h5>
                        <p>Fly up to 30 MPH</p>
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>

    <!--====== FEATURES PART ENDS ======-->
    
    <!--====== ABOUT PART START ======-->

    <section id="about" class="about_area pt-95">
        <div class="about_shape d-none d-lg-block">
            <img src="assets/images/about_shape.svg" alt="shape">
        </div> <!-- about shape -->
        <div class="about_image d-flex align-items-center align-items-center justify-content-end">
            <div class="image">
                <img src="assets/images/about.png" alt="about">
            </div>
        </div> <!-- about image -->
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-6">
                    <div class="about_content">
                        <div class="section_title pb-25">
                            <h4 class="title">Overview of Drone</h4>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                        </div>
                        <a href="#" class="main-btn">Read More</a>
                    </div> <!-- about content -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>

    <!--====== ABOUT PART ENDS ======-->
    
    <!--====== PRODUCT FEATURES PART START ======-->

    <section id="product_features" class="product_features_area pt-95 ">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9">
                    <div class="section_title text-center pb-25">
                        <h4 class="title">Body Features</h4>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
                    </div>
                </div>
            </div> <!-- row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="product_image mt-30">
                        <img src="assets/images/product_features.png" alt="product features">
                    </div> <!-- product image -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>

    <!--====== PRODUCT FEATURES PART ENDS ======-->
    
<section id=video class=video_area>
  <div class=video_shape> <img src="assets/images/video_shape.svg" alt=Shape data-pagespeed-url-hash=453402926 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
  <div class=container>
    <div class="row justify-content-center">
      <div class="col-lg-6 col-md-9">
        <div class="section_title text-center pb-25">
          <h4 class=title>Getting Started Guide</h4>
          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class=col-lg-8>
        <div class="video_image mt-30"> <img src="assets/images/video_image.jpg" alt="video image" data-pagespeed-url-hash=2645386157 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> <a href="#" class="video_play video-popup"><i class="lni lni-play"></i></a> </div>
      </div>
    </div>
  </div>
</section>


<section id=gallery class="gallery_area pt-95">
  <div class=container>
    <div class="row justify-content-center">
      <div class="col-lg-6 col-md-9">
        <div class="section_title text-center pb-55">
          <h4 class=title>Drone Gallery</h4>
          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
        </div>
      </div>
    </div>
  </div>
  <div class=container-fluid>
    <div class="row gallery_active">
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=discount>-30%</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-1.png" alt=gallery data-pagespeed-url-hash=2936932496 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Model S</a></h4>
            <div class=price> <span class=regular_price>$458.00</span> <span class=discount_price>$415.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=new>New</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-2.png" alt=gallery data-pagespeed-url-hash=3231432417 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Model Cyber</a></h4>
            <div class=price> <span class=regular_price>$543.00</span> <span class=discount_price>$512.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=discount>-30%</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-3.png" alt=gallery data-pagespeed-url-hash=3525932338 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Model Hexa</a></h4>
            <div class=price> <span class=regular_price>$965.00</span> <span class=discount_price>$635.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=new>New</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-4.png" alt=gallery data-pagespeed-url-hash=3820432259 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Model Pure</a></h4>
            <div class=price> <span class=regular_price>$396.00</span> <span class=discount_price>$288.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=discount>-30%</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-5.png" alt=gallery data-pagespeed-url-hash=4114932180 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Model Dream</a></h4>
            <div class=price> <span class=regular_price>$756.00</span> <span class=discount_price>$658.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
      <div class=col-lg-3>
        <div class="single_gallery text-center">
          <div class="gallery_sticker clearfix"> <span class=new>New</span> </div>
          <div class=gallery_image> <img src="assets/images/gallery-3.png" alt=gallery data-pagespeed-url-hash=3525932338 onload="pagespeed.CriticalImages.checkImageForCriticality(this);"> </div>
          <div class=gallery_content>
            <ul>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star-filled"></i></li>
              <li><i class="lni lni-star"></i></li>
            </ul>
            <h4 class=gallery_title><a href="#">Drone Exclusive Model Z</a></h4>
            <div class=price> <span class=regular_price>$458.00</span> <span class=discount_price>$366.00</span> </div>
          </div>
          <div class=gallery_btn> <a class=main-btn href="#">ADD TO CARD</a> </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section id=client class="client_area pt-95">
  <div class=container>
    <div class="row justify-content-center">
      <div class="col-lg-6 col-md-9">
        <div class="section_title text-center pb-55">
          <h4 class=title>Happy Customers</h4>
          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
        </div>
      </div>
    </div>
    <div class="row client_active">
      <div class=col-lg-4>
        <div class="single_client text-center">
          <div class=client_image> <img src="assets/images/author-1.png" alt=author> </div>
          <div class=client_content>
            <h4 class=author_name>Robert John</h4>
            <span>Youtuber</span>
            <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
          </div>
        </div>
      </div>
      <div class=col-lg-4>
        <div class="single_client text-center">
          <div class=client_image> <img src="assets/images/author-2.png" alt=author> </div>
          <div class=client_content>
            <h4 class=author_name>Sophia Smiarthds</h4>
            <span>Creative Director</span>
            <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
          </div>
        </div>
      </div>
      <div class=col-lg-4>
        <div class="single_client text-center">
          <div class=client_image> <img src="assets/images/author-3.png" alt=author> </div>
          <div class=client_content>
            <h4 class=author_name>John Doe</h4>
            <span>Gadget Reviewer</span>
            <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
          </div>
        </div>
      </div>
      <div class=col-lg-4>
        <div class="single_client text-center">
          <div class=client_image> <img src="assets/images/author-4.jpg" alt=author> </div>
          <div class=client_content>
            <h4 class=author_name>Chris Dave</h4>
            <span>Film Maker</span>
            <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section id=blog class="blog_area pt-95 ">
  <div class=container>
    <div class="row justify-content-center">
      <div class="col-lg-6 col-md-9">
        <div class="section_title text-center pb-25">
          <h4 class=title>Special Purposes</h4>
          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-lg-4 col-md-7">
        <div class="single_blog mt-30">
          <div class=blog_image> <img src="assets/images/blog-1.jpg" alt=blog> </div>
          <div class=blog_content> <span class=number>01</span>
            <div class=main_content>
              <h4 class=blog_title><a href="#">Film Making</a></h4>
              <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam duo dolores.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-7">
        <div class="single_blog mt-30">
          <div class=blog_image> <img src="assets/images/blog-2.jpg" alt=blog> </div>
          <div class=blog_content> <span class=number>02</span>
            <div class=main_content>
              <h4 class=blog_title><a href="#">Security</a></h4>
              <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam duo dolores.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-7">
        <div class="single_blog mt-30">
          <div class=blog_image> <img src="assets/images/blog-3.jpg" alt=blog> </div>
          <div class=blog_content> <span class=number>03</span>
            <div class=main_content>
              <h4 class=blog_title><a href="#">Entertainment</a></h4>
              <p>Dsdipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore edolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam duo dolores.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
    
    <!--====== CONTACT PART START ======-->

    <section id="contact" class="contact_area pt-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="contact_info mt-45">
                        <div class="section_title pb-15">
                            <h4 class="title">Get In Touch</h4>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr diam nonumy eirmod tempor invidunt labore dolore magna aliquyam.</p>
                        </div>
                        <div class="single_info d-flex align-items-center mt-15">
                            <div class="info_icon">
                                <i class="lni lni-phone"></i>
                            </div>
                            <div class="info_content media-body">
                                <p>+123465894883</p>
                                <p>+123874922737</p>
                            </div>
                        </div> <!-- single info -->
                        
                        <div class="single_info d-flex align-items-center mt-15">
                            <div class="info_icon">
                                <i class="lni lni-envelope"></i>
                            </div>
                            <div class="info_content media-body">
                                <p>hellodrone@gmail.com</p>
                            </div>
                        </div> <!-- single info -->
                        
                        <div class="single_info d-flex align-items-center mt-15">
                            <div class="info_icon">
                                <i class="lni lni-map-marker"></i>
                            </div>
                            <div class="info_content media-body">
                                <p>888 6th 10001 Oakwood Avenue, New York City, USA</p>
                            </div>
                        </div> <!-- single info -->
                    </div> <!-- contact info -->
                </div>
                <div class="col-lg-8">
                    <div class="contact_form pt-20">
                        <form id="contact-form" action="assets/contact.php" method="post">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="single_form mt-30">
                                        <input type="text" name="name" placeholder="Name">
                                    </div> <!-- single form -->
                                </div>
                                <div class="col-md-6">
                                    <div class="single_form mt-30">
                                        <input type="email" name="email" placeholder="Email">
                                    </div> <!-- single form -->
                                </div>
                                <div class="col-md-6">
                                    <div class="single_form mt-30">
                                        <input type="text" name="number" placeholder="Phone Number">
                                    </div> <!-- single form -->
                                </div>
                                <div class="col-md-6">
                                    <div class="single_form mt-30">
                                        <input type="text" name="subject" placeholder="Drone Name">
                                    </div> <!-- single form -->
                                </div>
                                <div class="col-md-12">
                                    <div class="single_form mt-30">
                                        <textarea name="message" placeholder="Message"></textarea>
                                    </div> <!-- single form -->
                                </div>
                                <p class="form-message"></p>
                                <div class="col-md-12">
                                    <div class="single_form mt-30">
                                        <button class="main-btn">Submit</button>
                                    </div> <!-- single form -->
                                </div>
                            </div> <!-- row -->
                        </form>
                    </div> <!-- contact form -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>

    <!--====== CONTACT PART ENDS ======-->
    
    <!--====== FOOTER PART START ======-->

    <section id="footer" class="footer_area">
        <div class="footer_widget pt-50 pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="footer_about mt-50">
                            <a href="#">
                                <img src="assets/images/logo.png" alt="logo">
                            </a>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonum eirmod tempor invidunt ut labore et dolomagna  vero eos etaccusa diam.</p>
                            <ul class="social">
                                <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="#"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="#"><i class="lni lni-instagram-original"></i></a></li>
                                <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div> <!-- footer about -->
                    </div>
                    <div class="col-lg-8">
                        <div class="footer_link_wrapper d-flex flex-wrap">
                            <div class="footer_link mt-45">
                                <h4 class="footer_title">Quick Links</h4>
                                <ul class="link">
                                    <li><a href="#">Terms of Service</a></li>
                                    <li><a href="#">Refund Policy</a></li>
                                    <li><a href="#">Support</a></li>
                                    <li><a href="#">Branches</a></li>
                                    <li><a href="#">License</a></li>
                                </ul>
                            </div> <!-- footer link -->
                            <div class="footer_link mt-45">
                                <h4 class="footer_title">Why To Buy</h4>
                                <ul class="link">
                                    <li><a href="#">Direct</a></li>
                                    <li><a href="#">Amazon</a></li>
                                    <li><a href="#">Walmart</a></li>
                                    <li><a href="#">BestBuy</a></li>
                                    <li><a href="#">Etsy</a></li>
                                </ul>
                            </div> <!-- footer link -->
                            <div class="footer_link mt-45">
                                <h4 class="footer_title">Support</h4>
                                <ul class="link">
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">Features</a></li>
                                    <li><a href="#">About</a></li>
                                    <li><a href="#">Tutorial</a></li>
                                    <li><a href="#">Gallery</a></li>
                                </ul>
                            </div> <!-- footer link -->
                        </div> <!-- footer link wrapper -->
                    </div>
                </div> <!-- row -->
            </div> <!-- container -->
        </div> <!-- footer widget -->
        
        <div class="footer_copyright">
            <div class="container">
                <div class="copyright text-center">
                    <p><a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                </div> <!-- copyright -->
            </div> <!-- container -->
        </div> <!-- footer copyright -->
    </section>

    <!--====== FOOTER PART ENDS ======-->
    
    <!--====== BACK TOP TOP PART START ======-->

    <a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>

    <!--====== BACK TOP TOP PART ENDS ======-->
    


    <!--====== PART ENDS ======-->
    


    <!--====== Jquery js ======-->
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
    
    <!--====== Bootstrap js ======-->
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
	
	<script src="assets/js/slick.min.js"></script>
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<script src="assets/js/ajax-contact.js"></script>
    
    
    <!--====== Scrolling Nav js ======-->
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/scrolling-nav.js"></script>
    
    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

    
</body>

</html>
